<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>QQ音乐播放器</title>
    <script src="./js/jquery-1.12.4.js"></script>
    <link rel="stylesheet" href="css/jquery.mCustomScrollbar.css">
    <script src="js/jquery.mCustomScrollbar.concat.min.js"></script>
    <link rel="stylesheet" href="css/index.css">
</head>

<body>
    <!-- 顶部：导航栏 -->
    <div class="header">
        <h1 class="logo"><a href="https://y.qq.com"><svg t="1600416613188" class="icon" viewBox="0 0 1024 1024"
                    version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4045" width="200" height="200">
                    <path
                        d="M664 577.7c-8-2.5-16-5-22.1-6.8-17 1.7-33.1 4.4-49.2 4.5-25.3 0.2-47.4-18.9-50-44.1-1.9-17.6-2.3-35.9 0.6-53.2 1.8-10.5 9.2-22 17.4-29.2 21.5-19 47.4-18.5 72.2-7.8 23.3 10.1 32.2 30.4 30.8 55.3-1 18.9 3 38.5-8.8 55.7-1.1 1.5 0.5 5.6 1.8 7.9 2.8 4.8 6.2 9.1 9.4 13.7-0.8 1.4-1.5 2.7-2.1 4z m-20.7-39c4.9-21.3 5.9-42.2 1.6-63.2-0.3-1.6-1.3-3.2-2.2-4.7-11.4-19.6-44.5-27-66-14.6-11.7 6.7-18.6 16.7-18.9 30.6-0.2 10 0.3 20-0.3 30-1.1 17.3 4.7 31.7 20.6 38.8 17.4 7.8 35.6 7.4 53.7-2.6-7.7-10.9-14.5-20.6-21.5-30.4 17.9-7.2 23.9 6 33 16.1zM523.6 577.3c-8.2-2.4-16.5-4.9-28.3-8.4-15.8 8.8-37.2 10.1-58.5 3.5-21.3-6.7-33.7-22.3-35.9-44.9-0.9-9.9 0.1-20-0.6-29.9-3.2-44.2 30.2-69.8 76.3-61.8 27.8 4.8 44.9 23.8 45.5 52 0.5 21.3 4.6 43.6-8 63.6-1.2 1.9 0.5 6.4 2 9.1 2.6 4.8 6.1 9.1 9.3 13.6-0.6 1-1.2 2.1-1.8 3.2z m-22.7-38.7c1.8-0.2 3.5-0.5 5.3-0.7 0-15.4 0.1-30.8 0-46.2-0.2-20-9.3-33.6-26-38.9-21.7-6.9-45.7-1.8-55.8 13.2-4.1 6.1-6.7 14.1-7.5 21.5-1.3 11.1-0.3 22.5-0.4 33.8-0.1 17.1 8 29.7 23.6 35.3 16.8 6 34.1 6.3 50.4-4-7.5-11.1-14.1-20.7-20.5-30.2 18.3-8 22.7 7.5 30.9 16.2zM891.8 499.7v-33.5c11.8-2.5 16.6 1.3 15.5 12.4-0.6 6.4-0.1 13-0.1 20.8h45.4v13.3h-46v62.7c-26.6 4.5-31.1 2.8-32.1-11.7 5.1-0.4 10.1-0.9 16.3-1.4v-49.5c-13.5 0-26.8-0.4-40.1 0.1-9.9 0.4-14.6-2.7-13.4-13.5 2-18.6 3.3-37.2 5.1-57.8h104.1v11.8h-87.6c-1.3 14.4-2.8 26.7-3.3 39.1-0.1 2.3 4.1 6.6 6.6 6.8 9.4 0.9 18.9 0.4 29.6 0.4zM696.5 575.4v-67.9c33.6 0 66.5-0.2 99.4 0.4 3 0.1 8.4 5.5 8.5 8.6 0.8 19.4 0.4 38.8 0.4 58.9H696.5z m16.1-40.7h75.9c-0.4-5-0.6-9-1-13.4h-74.9v13.4z m-0.6 14.8c0.4 5 0.6 8.7 0.9 12.6h75.4c-0.2-4.7-0.4-8.6-0.7-12.6H712zM713.7 484.9c-2.8-7.6-4.6-12.4-6.6-17.9 9-2.4 16.3-2.8 19.1 8.2 1.9 7.5 6.8 10.1 14.5 9.5 6.9-0.6 14.1 0.8 20.8-0.5 4.6-0.9 10.8-4.1 12.2-7.9 3.8-9.7 9.5-12.6 19.9-9.1-1.8 5.1-3.6 10.1-6 16.9h30.6c0.5 5.2 0.8 8.8 1.2 13.4H682V485c10.1-0.1 19.9-0.1 31.7-0.1zM689.4 460v-13.9H740v-12.7c7 2 16.6 2.3 17.7 5.5 3 8.5 8.6 7.1 14.4 7.2 12.5 0.1 25.1 0 38.1 0 1.8 7.4 4.7 13.9-6.5 13.9H689.4z"
                        p-id="4046" fill="#dbdbdb"></path>
                    <path
                        d="M830.9 572.3c6.5-15.1 11.2-26.2 15.9-37.2 5.1-11.8 5.1-11.8 21.4-9.3-6 14-11.1 28.1-18.2 41-2 3.4-10.4 3.2-19.1 5.5zM924.6 525.8c11.1-3 18.1-1 21.8 10.1 3.8 11.4 9.1 22.2 13.7 33.2-12.8 4.5-19.1-0.5-22.8-12-3.3-10.6-8.2-20.6-12.7-31.3z"
                        p-id="4047" fill="#dbdbdb"></path>
                    <path d="M268.3 370.4s-0.2 0.1-0.4 0.3c0.2-0.1 0.4-0.3 0.4-0.3z" fill="#dbdbdb" p-id="4048"></path>
                    <path
                        d="M272.4 395.4l-4.1-25s-2.7 25.3-32.5 52.4c-13.7 12.5-37.9 26.2-37.9 26.2l56.9 98.5s5.4 16.3-1.8 31.6c-8.4 17.9-25.3 28.9-57.8 29.8-28.9 0.8-48.8-16.3-52.4-39.7-3.6-23.2 11.5-41.1 28.9-47.9 16.3-6.3 43.4-3.6 43.4-3.6l-63.2-106.6 0.9-10.8s20.3 2.6 56-4.5c16.3-3.3 30-8.7 40.2-13.7-15.6-6.8-32.9-10.6-51-10.6-70.3 0-127.4 57-127.4 127.4 0 70.3 57 127.4 127.4 127.4 70.3 0 127.4-57 127.4-127.4-0.2-42.7-21-80.3-53-103.5z"
                        fill="#dbdbdb" p-id="4049"></path>
                    <path
                        d="M268.3 370.4s-23.5 18.1-59.6 25.3c-35.7 7.1-56 4.5-56 4.5l-0.9 10.8L215 517.7s-27.1-2.7-43.4 3.6c-17.4 6.7-32.5 24.7-28.9 47.9 3.6 23.5 23.5 40.5 52.4 39.7 32.5-0.9 49.4-11.9 57.8-29.8 7.2-15.4 1.8-31.6 1.8-31.6L197.8 449s24.2-13.7 37.9-26.2c29.9-27.1 32.6-52.4 32.6-52.4z"
                        fill="#dbdbdb" p-id="4050"></path>
                </svg></a></h1>
        <ul class="register">
            <li>登录</li>
            <li>设置</li>
        </ul>
    </div>
    <!-- 中部：内容区 -->
    <div class="content">
        <!-- 模板 -->
        <div class="content_in">
            <!-- 多个音乐的列表信息 -->
            <div class="content_left">
                <!-- 歌曲控制区 -->
                <div class="content_toolbar">
                    <span><i><svg t="1600420419021" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                xmlns="http://www.w3.org/2000/svg" p-id="6721" width="200" height="200">
                                <path
                                    d="M856.064 233.472c-94.208-94.208-245.76-96.256-344.064-8.192-98.304-88.064-249.856-86.016-344.064 8.192-98.304 96.256-98.304 253.952 0 350.208 28.672 28.672 288.768 286.72 288.768 286.72 30.72 30.72 81.92 30.72 112.64 0 0 0 286.72-282.624 288.768-286.72 96.256-96.256 96.256-253.952-2.048-350.208zM819.2 546.816l-288.768 286.72c-10.24 10.24-26.624 10.24-36.864 0L204.8 546.816c-77.824-75.776-77.824-200.704 0-276.48 73.728-73.728 194.56-75.776 272.384-6.144l34.816 32.768 34.816-32.768c77.824-69.632 198.656-67.584 272.384 6.144 77.824 75.776 77.824 200.704 0 276.48z"
                                    fill="#e6e6e6" p-id="6722"></path>
                                <path
                                    d="M335.872 290.816c-61.44 0-110.592 49.152-110.592 110.592 0 8.192 6.144 12.288 12.288 12.288 8.192 0 12.288-6.144 12.288-12.288 0-47.104 38.912-83.968 83.968-83.968 8.192 0 12.288-6.144 12.288-12.288 2.048-8.192-4.096-14.336-10.24-14.336z"
                                    fill="#e6e6e6" p-id="6723"></path>
                            </svg></i>收藏</span>
                    <span><i><svg t="1600421982195" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                xmlns="http://www.w3.org/2000/svg" p-id="2533" width="200" height="200">
                                <path
                                    d="M216.177778 189.62963c-3.792593 0-7.585185 3.792593-7.585185 7.585185v610.607407c0 3.792593 3.792593 7.585185 7.585185 7.585185h591.644444c3.792593 0 7.585185-3.792593 7.585185-7.585185V197.214815c0-3.792593-3.792593-7.585185-7.585185-7.585185H216.177778z m0-56.888889h591.644444c36.02963 0 64.474074 28.444444 64.474074 64.474074v610.607407c0 36.02963-28.444444 64.474074-64.474074 64.474074H216.177778C180.148148 872.296296 151.703704 843.851852 151.703704 807.822222V197.214815C151.703704 161.185185 180.148148 132.740741 216.177778 132.740741z"
                                    p-id="2534" fill="#e6e6e6"></path>
                                <path
                                    d="M483.555556 464.592593v-113.777778c0-15.17037 13.274074-28.444444 28.444444-28.444445s28.444444 13.274074 28.444444 28.444445v113.777778h113.777778c15.17037 0 28.444444 13.274074 28.444445 28.444444s-13.274074 28.444444-28.444445 28.444444h-113.777778v113.777778c0 15.17037-13.274074 28.444444-28.444444 28.444445s-28.444444-13.274074-28.444444-28.444445v-113.777778h-113.777778c-15.17037 0-28.444444-13.274074-28.444445-28.444444s13.274074-28.444444 28.444445-28.444444h113.777778z"
                                    p-id="2535" fill="#e6e6e6"></path>
                            </svg></i>添加到</span>
                    <span><i><svg t="1600421953647" class="icon" viewBox="0 0 1284 1024" version="1.1"
                                xmlns="http://www.w3.org/2000/svg" p-id="1737" width="200" height="200">
                                <path
                                    d="M1117.995107 950.047044l-0.072756 0L166.84959 950.047044l-0.072756 0C146.365196 950.047044 129.819614 966.591199 129.819614 987.042781c0 20.418771 16.578393 36.957219 36.957219 36.957219l0.072756 0 951.072762 0 0.072756 0c20.418771 0 36.962925-16.538448 36.962925-36.957219C1154.958033 966.591199 1138.412451 950.047044 1117.995107 950.047044L1117.995107 950.047044zM614.670196 871.015431c6.898985 6.943209 16.394363 11.28432 26.949696 11.28432l0 0 0 0c10.553907 0 20.050711-4.306873 26.882646-11.317132l459.390245-459.395951c6.904692-6.864747 11.251509-16.360125 11.28432-26.842702 0-20.92521-17.090538-37.871663-37.904474-37.871663-10.521095-0.032812-19.977955 4.274061-26.80989 11.140235L679.491555 752.948058 679.491555 37.982937c-0.032812-0.039944-0.032812-0.039944-0.032812-0.072756C679.491555 16.979264 662.545102 0 641.65841 0c-20.930916 0-37.871663 16.979264-37.871663 37.910181 0 0 0 0.032812 0.034238 0.072756l0 714.926603-394.93124-394.936946c-6.831936-6.864747-16.361551-11.133102-26.80989-11.10029-20.92521-0.032812-37.871663 16.946453-37.944419 37.798907 0 10.521095 4.308299 20.089229 11.212991 26.882646L614.670196 871.015431 614.670196 871.015431zM614.670196 871.015431"
                                    p-id="1738" fill="#e6e6e6"></path>
                            </svg></i>下载</span>
                    <span><i><svg t="1600422069131" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                xmlns="http://www.w3.org/2000/svg" p-id="4029" width="200" height="200">
                                <path
                                    d="M608 768c-17.696 0-32-14.304-32-32L576 384c0-17.696 14.304-32 32-32s32 14.304 32 32l0 352C640 753.696 625.696 768 608 768zM416 768c-17.696 0-32-14.304-32-32L384 384c0-17.696 14.304-32 32-32s32 14.304 32 32l0 352C448 753.696 433.696 768 416 768zM928 224l-160 0L768 160c0-52.928-42.72-96-95.264-96L352 64C299.072 64 256 107.072 256 160l0 64L96 224C78.304 224 64 238.304 64 256s14.304 32 32 32l832 0c17.696 0 32-14.304 32-32S945.696 224 928 224zM320 160c0-17.632 14.368-32 32-32l320.736 0C690.272 128 704 142.048 704 160l0 64L320 224 320 160zM736.128 960 288.064 960c-52.928 0-96-43.072-96-96L192.064 383.52c0-17.664 14.336-32 32-32s32 14.336 32 32L256.064 864c0 17.664 14.368 32 32 32l448.064 0c17.664 0 32-14.336 32-32L768.128 384.832c0-17.664 14.304-32 32-32s32 14.336 32 32L832.128 864C832.128 916.928 789.056 960 736.128 960z"
                                    p-id="4030" fill="#e6e6e6"></path>
                            </svg></i>删除</span>
                    <span><i><svg t="1600422124445" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                xmlns="http://www.w3.org/2000/svg" p-id="5341" width="200" height="200">
                                <path
                                    d="M475.456114 1024L703.9994 768.0008 256.0008 320.0022 0.0016 548.545486 475.456114 1024z m406.52673-946.557042a45.439858 45.439858 0 0 1 64.639798 0 45.631857 45.631857 0 1 1-64.639798 64.575798 45.631857 45.631857 0 0 1 0-64.575798zM895.9988 576.0014l-127.9996-191.9994 226.431292-208.12735c36.543886-36.607886 42.175868-104.127675 0-146.303542A101.247684 101.247684 0 0 0 922.046719 0.0032c-27.711913 0-54.975828 10.623967-73.919769 29.567908L639.9996 256.0024 448.0002 128.0028 320.0006 256.0024l447.9986 447.9986 127.9996-127.9996z"
                                    p-id="5342" fill="#e6e6e6"></path>
                            </svg></i>清空列表</span>
                </div>
                <!-- 歌曲列表区 -->
                <div class="content_list" data-mcs-theme="minimal-dark">
                    <ul class="list_music">
                        <!-- //标题 -->
                        <li>
                            <div class="list_check"><i></i></div>
                            <div class="list_number"></div>
                            <div class="list_name">歌曲</div>
                            <div class="list_singer">歌手</div>
                            <div class="list_time">时长</div>
                        </li>
                        <!-- //歌曲名等信息 -->
                        <!-- <li>
                            <div class="list_check"><i></i></div>
                            <div class="list_number">1</div>
                            <div class="list_name">从零玩转jQuery
                                <div class="list_menu">
                                    <a href="javascript:;" title="播放"><svg t="1600429676578" class="icon"
                                            viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
                                            p-id="14975" width="200" height="200">
                                            <path
                                                d="M511.951499 1023.999903A511.951499 511.951499 0 1 1 939.982877 793.074213a27.424243 27.424243 0 0 1-45.933184-30.137596 456.32777 456.32777 0 1 0-136.34597 134.601672 27.424243 27.424243 0 1 1 29.071635 46.2239 510.110295 510.110295 0 0 1-274.823859 80.237714z"
                                                p-id="14976" fill="#ffffff"></path>
                                            <path
                                                d="M392.273267 733.283549a27.521148 27.521148 0 0 1-27.424243-27.521148v-387.621805a27.521148 27.521148 0 0 1 41.184817-23.741835l335.680483 193.810902a27.424243 27.424243 0 0 1 0 47.580577l-335.680483 193.810902a27.90877 27.90877 0 0 1-13.760574 3.682407z m27.521148-367.465471v292.363747l253.310849-146.230326z"
                                                p-id="14977" fill="#ffffff"></path>
                                        </svg></a>
                                    <a href="javascript:;" title="添加"><svg t="1600429872826" class="icon"
                                            viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
                                            p-id="16385" width="200" height="200">
                                            <path
                                                d="M512 981.333333c259.2 0 469.333333-210.133333 469.333333-469.333333S771.2 42.666667 512 42.666667 42.666667 252.8 42.666667 512s210.133333 469.333333 469.333333 469.333333z m0-42.666666C276.352 938.666667 85.333333 747.648 85.333333 512S276.352 85.333333 512 85.333333s426.666667 191.018667 426.666667 426.666667-191.018667 426.666667-426.666667 426.666667z"
                                                p-id="16386" fill="#ffffff"></path>
                                            <path
                                                d="M298.666667 533.333333h426.666666a21.333333 21.333333 0 1 0 0-42.666666H298.666667a21.333333 21.333333 0 0 0 0 42.666666z"
                                                p-id="16387" fill="#ffffff"></path>
                                            <path
                                                d="M490.666667 298.666667v426.666666a21.333333 21.333333 0 1 0 42.666666 0V298.666667a21.333333 21.333333 0 1 0-42.666666 0z"
                                                p-id="16388" fill="#ffffff"></path>
                                        </svg></a>
                                    <a href="javascript:;" title="下载"><svg t="1600429343840" class="icon"
                                            viewBox="0 0 1026 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
                                            p-id="6471" width="200" height="200">
                                            <path
                                                d="M1026.051533 979.552588a44.447412 44.447412 0 0 1-44.447412 44.447412H44.78943a44.447412 44.447412 0 0 1 0-89.578631h935.447078a44.447412 44.447412 0 0 1 44.447413 44.447412z m-513.538564-126.504174a44.447412 44.447412 0 0 1-44.447412-44.447412V44.789316a44.447412 44.447412 0 1 1 89.578631 0v763.811686a44.447412 44.447412 0 0 1-44.447413 44.447412z m0 0"
                                                p-id="6472" fill="#e6e6e6"></path>
                                            <path
                                                d="M547.387092 840.056093a44.447412 44.447412 0 0 1-63.593989 0L144.625156 503.623372A44.447412 44.447412 0 1 1 205.483921 440.713189l341.903171 335.748915a44.447412 44.447412 0 0 1 0 63.593989z m0 0"
                                                p-id="6473" fill="#e6e6e6"></path>
                                            <path
                                                d="M479.006458 840.056093a44.447412 44.447412 0 0 1 0-63.593989l335.748915-335.748915a44.447412 44.447412 0 1 1 63.59399 63.59399L547.387092 840.056093a44.447412 44.447412 0 0 1-63.593989 0z m0 0"
                                                p-id="6474" fill="#e6e6e6"></path>
                                        </svg></a>
                                    <a href="javascript:;" title="分享"><svg t="1600429427719" class="icon"
                                            viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
                                            p-id="11607" width="200" height="200">
                                            <path
                                                d="M911.6 651.6l0 209.2c0 36-30.4 66.2-66.2 66.2l-699.6 1.2c-35.8 0-65-29.2-65-65.2l1.2-699.6c0-35.8 30.4-66.2 66.2-66.2l387 0L535.2 20.2 148.2 20.2c-81.8 0-143 82.8-143 156.8l0 686c0 77.6 63 140.8 140.8 140.8l686 0c82 0 156.6-68.2 156.6-143L988.6 651.6 911.6 651.6 911.6 651.6zM730.2 60.8l288.6 289.2L730.2 639l0-165.2c0 0-286.4-31.8-453.6 206.6 0 0 52.6-454.4 453.6-454.4L730.2 60.8 730.2 60.8z"
                                                p-id="11608" fill="#e6e6e6"></path>
                                        </svg></a>
                                </div>
                            </div>
                            <div class="list_singer">李南江</div>
                            <div class="list_time">
                                <span>04:15</span>
                                <a href="javascript:;" title="删除"><svg t="1600422069131" class="icon"
                                        viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
                                        p-id="4029" width="200" height="200">
                                        <path
                                            d="M608 768c-17.696 0-32-14.304-32-32L576 384c0-17.696 14.304-32 32-32s32 14.304 32 32l0 352C640 753.696 625.696 768 608 768zM416 768c-17.696 0-32-14.304-32-32L384 384c0-17.696 14.304-32 32-32s32 14.304 32 32l0 352C448 753.696 433.696 768 416 768zM928 224l-160 0L768 160c0-52.928-42.72-96-95.264-96L352 64C299.072 64 256 107.072 256 160l0 64L96 224C78.304 224 64 238.304 64 256s14.304 32 32 32l832 0c17.696 0 32-14.304 32-32S945.696 224 928 224zM320 160c0-17.632 14.368-32 32-32l320.736 0C690.272 128 704 142.048 704 160l0 64L320 224 320 160zM736.128 960 288.064 960c-52.928 0-96-43.072-96-96L192.064 383.52c0-17.664 14.336-32 32-32s32 14.336 32 32L256.064 864c0 17.664 14.368 32 32 32l448.064 0c17.664 0 32-14.336 32-32L768.128 384.832c0-17.664 14.304-32 32-32s32 14.336 32 32L832.128 864C832.128 916.928 789.056 960 736.128 960z"
                                            p-id="4030" fill="#e6e6e6"></path>
                                    </svg></a>
                            </div>
                        </li> -->
                    </ul>
                </div>
            </div>
            <!-- 单个音乐的信息 -->
            <div class="content_right">
                <div class="song_info">
                    <a href="javascript:;" class="song_info_pic">
                        <img src="imgs/qq封面.jpg" alt="">
                    </a>
                    <div class="song_info_name">歌曲名:
                        <a href="javascript:;">五月雨</a>
                    </div>
                    <div class="song_info_singer">歌手名:
                        <a href="javascript:;">高梨康治</a>
                    </div>
                    <div class="song_info_ablum">专辑名:
                        <a href="javascript:;">NARUTO-ナルト-疾風伝 オリジナル・サ</a>
                    </div>
                </div>
                <ul class="song_lyric">
                    <li class="cur">第一条歌词</li>
                    <li>第二条歌词</li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 底部：播放器 -->
    <div class="footer">
        <div class="footer_in">
            <!-- 上一首按钮 -->
            <a href="javascript:;" class="music_pre"></a>
            <!-- 播放/暂停按钮 -->
            <a href="javascript:;" class="music_play"></a>
            <!-- 下一首按钮 -->
            <a href="javascript:;" class="music_next"></a>
            <!-- 歌曲进度条和相关信息 -->
            <div class="music_progress_info">
                <!-- 歌名、歌手和时长信息 -->
                <div class="music_progress_info_top">
                    <span class="music_progress_name">五月雨/高梨康治</span>
                    <span class="music_progress_time">00:00/05:23</span>
                </div>
                <!-- 歌曲进度条·背景色 -->
                <div class="music_progress_info_bar">
                    <!-- 前景色 -->
                    <div class="music_progress_line">
                        <!-- 圆点 -->
                        <div class="music_progress_dot"></div>
                    </div>
                </div>
            </div>
            <!-- 模式按钮 -->
            <a href="javascript:;" class="music_mode"></a>
            <!-- 爱心按钮 -->
            <a href="javascript:;" class="music_fav"></a>
            <!-- 下载按钮 -->
            <a href="javascript:;" class="music_down"></a>
            <!-- 评论按钮 -->
            <a href="javascript:;" class="music_comment"></a>
            <!-- 纯净按钮 -->
            <a href="javascript:;" class="music_only"></a>
            <div class="music_voice_info">
                <a href="javascript:;"></a>
                <!-- 声音条 -->
                <div class="music_voice_info_bar">
                    <!-- 前景色 -->
                    <div class="music_voice_line">
                        <!-- 圆点 -->
                        <div class="music_voice_dot"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="mask_bg"></div>
    <div class="mask"></div>
    <script src="js/index.js"></script>
</body>

</html>